/* @flow */

import React, { Component } from 'react';
import {
  View,
  Text,
  StyleSheet,
  Dimensions,
} from 'react-native';
import MultiseriateTable from './MultiseriateTable'
import SingleTable from './ReportSingleDetail.js'

var {height, width} = Dimensions.get('window');
var Platform = require('Platform');


export default class TestView extends Component {

  static navigationOptions = {
    headerTitle:'报表',
    headerTitleStyle:(Platform.OS === 'android')?{backgroundColor: 'white',
    color: '#BD10E0',
    height: 55,
    textAlign: 'center',
    fontSize: 18,
    paddingTop: 18,
    alignSelf: 'center', }:{},
  }

  constructor(props){
  	super(props);
  	this.state = {};
  }

  render() {
    return (
      <View style={styles.container}>
        <MultiseriateTable
          tableType='month'
          style={{backgroundColor:'white',width:width-20,height:height-64-20,}}/>

        {/* <SingleTable /> */}
      </View>
    );
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems:'center',
    justifyContent:'center',
  },
  header_title:{
    backgroundColor: 'white',
    color: '#BD10E0',
    height: 55,
    textAlign: 'center',
    fontSize: 16,
    paddingTop: 18,
    alignSelf: 'center', // width of both buttons + no left-right padding
  },
});
